<template>
  <div class="main">
    <!-- <div class="content" v-for="item in img" :key="item.id"><img :src="item.img"/></div> -->
    <img :src="image"/>
     <i-collapse name="name1">
        <i-collapse-item title="账单查询" name="name1" class="content">
            <view slot="content">
                史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。
            </view>
        </i-collapse-item>
        <i-collapse-item title="发票管理" name="name2">
            <view slot="content" i-class-content="green-text" class="content">
                斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary
                Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC
                Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。
            </view>
        </i-collapse-item>
        <i-collapse-item title="业务查询" name="name3" class="content">
            <view slot="content">
                乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。
            </view>
        </i-collapse-item>
        <i-collapse-item title="订单查询" name="name4" class="content">
            <view slot="content">
                乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。
            </view>
        </i-collapse-item>
    </i-collapse>
  </div>
</template>

<script>
import card from '@/components/card'
export default {
  data () {
    return {
      image:'../../static/images/test/1.jpg',
      img:[{img:'../../static/images/test/1.jpg',id:1},
      {img:'../../static/images/test/2.jpg',id:2},
      {img:'../../static/images/test/3.jpg',id:3}],
      motto: 'Hello miniprograme',
    }
  },

  components: {
    card,
  },

  methods: {
    handleclick(){
      console.log(111)
    },
    bindViewTap () {
      const url = '../logs/main'
      if (mpvuePlatform === 'wx') {
        mpvue.switchTab({ url })
      } else {
        mpvue.navigateTo({ url })
      }
    },
    clickHandle (ev) {
      console.log('clickHandle:', ev)
      // throw {message: 'custom test'}
    }
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style lang="scss" scoped>
  .main{
    height: calc(100vh);
      img{
        height: 20%;
        width:100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
  }
</style>
